#{extends 'main.html' /}

<h3>Détails pour la candidature sur le stage ${stage}</h3>

#{form @ajouterCandidatureSave()}
<input type="hidden" name="stageId" id="stageId" value="${stage.id}" />
<p>
    #{field 'cisService'}
        <label for="agent">CIS ou service : </label>
        #{select 'cisService', items:cisServices, id:'cisService', onChange:'alert(agentsJS)'}
            #{option 0}-- Choisir une valeur --#{/option}
        #{/select}
    #{/field}
</p>
<p>
    #{field 'agent'}
        <label for="agentId">Agent : </label>
        #{select 'agentId', items:agents, id:'agentId'}
            #{option 0}-- Choisir une valeur --#{/option}
        #{/select}
    #{/field}
</p>


<p>
    #{field 'logement'}
        <label for="logement">Demande de logemement pour le stage : </label>
        <input type="checkbox" id="checkB" name="logement"/>
    #{/field}
</p>

<p>
    #{field 'motivation'}
    <label for="motivation">Motivation* :</label>
    <textarea name="motivation" id="motivation" value="${c?.motivation}"></textarea>
    #{/field}
</p>

<p>
    <label for="role">Rôle * :</label>
    #{select 'role', items:roles, id:'role', onchange:'afficher();'}
        #{option 0}-- Choisir une valeur --#{/option}
    #{/select}	    
</p>

<div id="champ_cache">
    <p> 
        #{field 'precisiondate'}
        <label for="precisionDate">Date de disponibilité :</label>
        <textarea name="precisionDate" id="precisionDate">${c?.precisiondate}</textarea>
        #{/field}
    </p>
</div>     		
<p style="margin-top:30px">    
    <center><input type="submit" value="Enregistrer la candidature" /></center>
</p>
<p><i>* Champs obligatoires<i></p>
    #{/form}

    <script type="text/javascript">

    document.getElementById("champ_cache").style.display = "none";

    function afficher()
    {
        if(document.getElementById("role").value==1 || document.getElementById("role").value==2){
            document.getElementById("champ_cache").style.display = "block";
        }
        else{
            document.getElementById("champ_cache").style.display = "none";
        }
    }
    
    function filtreAgents(agentsJS){
        alert(agentsJS);
    }
    </script>